<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- <link rel="stylesheet" href="https://unpkg.com/handsontable@latest/dist/handsontable.full.min.css"> -->
    <link rel="stylesheet" href="handsontable.full.min.css">
    <title>Handsontable Demo</title>
    <style>
        td.custom-cell {
        color: #fff !important;
        background-color: #254ac6 !important;
        }
        .custom-table thead th:nth-child(even),
        .custom-table tbody tr:nth-child(odd) th {
        color: #fff !important;
        background-color: #254ac6 !important;
        }
    </style>
</head>
<body>
    <div class="example-controls-container">
        <div class="controls">
            <button id="load" class="button button--primary button--blue">Load data</button>
            <button id="save" class="button button--primary button--blue">Save data</button>
            <label>
            <input type="checkbox" name="autosave" id="autosave"/>
            Autosave
            </label>
        </div>

        <output class="console" id="output">Click "Load" to load data from server</output>
        </div>

        <div id="example"></div>
    </div>
    <!-- <script src="https://unpkg.com/handsontable@latest/dist/handsontable.full.min.js"></script> -->
    <script src="handsontable.full.min.js"></script>
    <script>
        const exampleConsole = document.querySelector('#output');
        const load = document.querySelector('#load');
        const save = document.querySelector('#save');

        const data = [];
        const container = document.getElementById('example');
        const hot = new Handsontable(container, {
            rowHeaders: true,
            readOnly: true,
            height: 500,                // 设置表高度
            width: 1200,
            colWidths: 80,             // 设置每列宽度
            fixedColumnsStart: 6,       // 冻结前6列
            data: data,
            nestedHeaders: [
                ['选择','处理序号','编号/下栏号','初只数','末只数','预饲期1','预饲期2',
                    {label:'第1周',colspan: 2 },
                    {label:'第2周',colspan: 2 },
                    {label:'第3周',colspan: 2 },
                    {label:'第4周',colspan: 2 },
                    {label:'第5周',colspan: 2 },
                    {label:'第6周',colspan: 2 },
                    {label:'第7周',colspan: 2 },
                    {label:'第8周',colspan: 2 },
                    {label:'第9周',colspan: 2 },
                    {label:'第10周',colspan: 2 },
                    {label:'第11周',colspan: 2 },
                    {label:'第12周',colspan: 2 },
                    {label:'第13周',colspan: 2 },
                    {label:'第14周',colspan: 2 },
                    {label:'第15周',colspan: 2 },
                    {label:'第16周',colspan: 2 },
                    {label:'第17周',colspan: 2 },
                    {label:'第18周',colspan: 2 },
                    {label:'第19周',colspan: 2 },
                    {label:'第20周',colspan: 2 },
                    {label:'第21周',colspan: 2 },
                    {label:'第22周',colspan: 2 },
                    {label:'第23周',colspan: 2 },
                    {label:'第24周',colspan: 2 },
                    {label:'第25周',colspan: 2 },
                    {label:'第26周',colspan: 2 },
                    {label:'第27周',colspan: 2 },
                    {label:'第28周',colspan: 2 },
                    {label:'第29周',colspan: 2 },
                    {label:'第30周',colspan: 2 },
                    {label:'第31周',colspan: 2 },
                    {label:'第32周',colspan: 2 },
                    {label:'第33周',colspan: 2 },
                    {label:'第34周',colspan: 2 },
                    {label:'第35周',colspan: 2 },
                    {label:'第36周',colspan: 2 },
                    {label:'第37周',colspan: 2 },
                    {label:'第38周',colspan: 2 },
                    {label:'第39周',colspan: 2 },
                    {label:'第40周',colspan: 2 },
                    {label:'第41周',colspan: 2 },
                    {label:'第42周',colspan: 2 },
                    {label:'第43周',colspan: 2 },
                    {label:'第44周',colspan: 2 },
                    {label:'第45周',colspan: 2 },
                    {label:'第46周',colspan: 2 },
                    {label:'第47周',colspan: 2 },
                    {label:'第48周',colspan: 2 },
                    {label:'第49周',colspan: 2 },
                    {label:'第50周',colspan: 2 },
                    {label:'第51周',colspan: 2 },
                    {label:'第52周',colspan: 2 },
                    {label:'第53周',colspan: 2 },
                    {label:'第54周',colspan: 2 },
                    {label:'第55周',colspan: 2 },
                    {label:'第56周',colspan: 2 },
                    {label:'第57周',colspan: 2 },
                    {label:'第58周',colspan: 2 },
                    {label:'第59周',colspan: 2 },
                    {label:'第60周',colspan: 2 },
                    {label:'第61周',colspan: 2 },
                    {label:'第62周',colspan: 2 },
                    {label:'第63周',colspan: 2 },
                    {label:'第64周',colspan: 2 },
                    {label:'第65周',colspan: 2 },
                    {label:'第66周',colspan: 2 },
                    {label:'第67周',colspan: 2 },
                    {label:'第68周',colspan: 2 },
                    {label:'第69周',colspan: 2 },
                    {label:'第70周',colspan: 2 },
                    {label:'第71周',colspan: 2 },
                    {label:'第72周',colspan: 2 },
                    {label:'第73周',colspan: 2 },
                    {label:'第74周',colspan: 2 },
                    {label:'第75周',colspan: 2 },
                    {label:'第76周',colspan: 2 },
                    {label:'第77周',colspan: 2 },
                    {label:'第78周',colspan: 2 },
                    {label:'第79周',colspan: 2 },
                    {label:'第80周',colspan: 2 },
                    {label:'第81周',colspan: 2 },
                    {label:'第82周',colspan: 2 },
                    {label:'第83周',colspan: 2 },
                    {label:'第84周',colspan: 2 },
                    {label:'第85周',colspan: 2 },
                    {label:'第86周',colspan: 2 },
                    {label:'第87周',colspan: 2 },
                    {label:'第88周',colspan: 2 },
                    {label:'第89周',colspan: 2 },
                    {label:'第90周',colspan: 2 },
                    {label:'第91周',colspan: 2 },
                    {label:'第92周',colspan: 2 },
                    {label:'第93周',colspan: 2 },
                    {label:'第94周',colspan: 2 },
                    {label:'第95周',colspan: 2 },
                    {label:'第96周',colspan: 2 },
                    {label:'第97周',colspan: 2 },
                    {label:'第98周',colspan: 2 },
                    {label:'第99周',colspan: 2 },
                    {label:'第100周',colspan: 2 },
                    {label:'第101周',colspan: 2 },
                    {label:'第102周',colspan: 2 },
                    {label:'第103周',colspan: 2 },
                    {label:'第104周',colspan: 2 },
                    {label:'第105周',colspan: 2 },
                    {label:'第106周',colspan: 2 },
                    {label:'第107周',colspan: 2 },
                    {label:'第108周',colspan: 2 },
                    {label:'第109周',colspan: 2 },
                    {label:'第110周',colspan: 2 },
                    {label:'第111周',colspan: 2 },
                    {label:'第112周',colspan: 2 },
                    {label:'第113周',colspan: 2 },
                    {label:'第114周',colspan: 2 },
                    {label:'第115周',colspan: 2 },
                    {label:'第116周',colspan: 2 },
                    {label:'第117周',colspan: 2 },
                    {label:'第118周',colspan: 2 },
                    {label:'第119周',colspan: 2 },
                    {label:'第120周',colspan: 2 },
                    {label:'第121周',colspan: 2 },
                    {label:'第122周',colspan: 2 },
                    {label:'第123周',colspan: 2 },
                    {label:'第124周',colspan: 2 },
                    {label:'第125周',colspan: 2 },
                    {label:'第126周',colspan: 2 },
                    {label:'第127周',colspan: 2 },
                    {label:'第128周',colspan: 2 },
                    {label:'第129周',colspan: 2 },
                    {label:'第130周',colspan: 2 },
                    {label:'第131周',colspan: 2 },
                    {label:'第132周',colspan: 2 },
                    {label:'第133周',colspan: 2 },
                    {label:'第134周',colspan: 2 },
                    {label:'第135周',colspan: 2 },
                    {label:'第136周',colspan: 2 },
                    {label:'第137周',colspan: 2 },
                    {label:'第138周',colspan: 2 },
                    {label:'第139周',colspan: 2 },
                    {label:'第140周',colspan: 2 },
                    {label:'第141周',colspan: 2 },
                    {label:'第142周',colspan: 2 },
                    {label:'第143周',colspan: 2 },
                    {label:'第144周',colspan: 2 },
                    {label:'第145周',colspan: 2 },
                    {label:'第146周',colspan: 2 },
                    {label:'第147周',colspan: 2 },
                    {label:'第148周',colspan: 2 },
                    {label:'第149周',colspan: 2 },
                    {label:'第150周',colspan: 2 },
                    {label:'第151周',colspan: 2 },
                    {label:'第152周',colspan: 2 },
                    {label:'第153周',colspan: 2 },
                    {label:'第154周',colspan: 2 },
                    {label:'第155周',colspan: 2 },
                    {label:'第156周',colspan: 2 },
                    {label:'第157周',colspan: 2 },
                    {label:'第158周',colspan: 2 },
                    {label:'第159周',colspan: 2 },
                    {label:'第160周',colspan: 2 },
                    {label:'第161周',colspan: 2 },
                    {label:'第162周',colspan: 2 },
                    {label:'第163周',colspan: 2 },
                    {label:'第164周',colspan: 2 },
                    {label:'第165周',colspan: 2 },
                    {label:'第166周',colspan: 2 },
                    {label:'第167周',colspan: 2 },
                    {label:'第168周',colspan: 2 },
                    {label:'第169周',colspan: 2 },
                    {label:'第170周',colspan: 2 },
                    {label:'第171周',colspan: 2 },
                    {label:'第172周',colspan: 2 },
                    {label:'第173周',colspan: 2 },
                    {label:'第174周',colspan: 2 },
                    {label:'第175周',colspan: 2 },
                    {label:'第176周',colspan: 2 },
                    {label:'第177周',colspan: 2 },
                    {label:'第178周',colspan: 2 },
                    {label:'第179周',colspan: 2 },
                    {label:'第180周',colspan: 2 },
                    {label:'第181周',colspan: 2 },
                    {label:'第182周',colspan: 2 },
                    {label:'第183周',colspan: 2 },
                    {label:'第184周',colspan: 2 },
                    {label:'第185周',colspan: 2 },
                    {label:'第186周',colspan: 2 },
                    {label:'第187周',colspan: 2 },
                    {label:'第188周',colspan: 2 },
                    {label:'第189周',colspan: 2 },
                    {label:'第190周',colspan: 2 },
                    {label:'第191周',colspan: 2 },
                    {label:'第192周',colspan: 2 },
                    {label:'第193周',colspan: 2 },
                    {label:'第194周',colspan: 2 },
                    {label:'第195周',colspan: 2 },
                    {label:'第196周',colspan: 2 },
                    {label:'第197周',colspan: 2 },
                    {label:'第198周',colspan: 2 },
                    {label:'第199周',colspan: 2 },
                    {label:'第200周',colspan: 2 },
                    '末尾1','末尾2','末尾3',
                ]
            ],
            cell: [
                {
                row: 1,
                col: 1,
                className: 'custom-cell',
                },
                {
                row: 0,
                col: 3,
                className: 'custom-cell',
                },
                {
                row: 0,
                col: 9,
                className: 'custom-cell',
                },
            ],
            columns: [
                {title: '选择',type: 'checkbox',data:0},
                { title: '处理序号'},
                { title: '编号/下栏号'},
                { title: '初只数'},
                { title: '末只数'},
                { title: '预饲期1'},
                { title: '预饲期2'},
                { title: '第1周_1' },
                { title: '第1周_2' },
                { title: '第2周_1' },
                { title: '第2周_2' },
                { title: '第3周_1' },
                { title: '第3周_2' },
                { title: '第4周_1' },
                { title: '第4周_2' },
                { title: '第5周_1' },
                { title: '第5周_2' },
                { title: '第6周_1' },
                { title: '第6周_2' },
                { title: '第7周_1' },
                { title: '第7周_2' },
                { title: '第8周_1' },
                { title: '第8周_2' },
                { title: '第9周_1' },
                { title: '第9周_2' },
                { title: '第10周_1' },
                { title: '第10周_2' },
                { title: '第11周_1' },
                { title: '第11周_2' },
                { title: '第12周_1' },
                { title: '第12周_2' },
                { title: '第13周_1' },
                { title: '第13周_2' },
                { title: '第14周_1' },
                { title: '第14周_2' },
                { title: '第15周_1' },
                { title: '第15周_2' },
                { title: '第16周_1' },
                { title: '第16周_2' },
                { title: '第17周_1' },
                { title: '第17周_2' },
                { title: '第18周_1' },
                { title: '第18周_2' },
                { title: '第19周_1' },
                { title: '第19周_2' },
                { title: '第20周_1' },
                { title: '第20周_2' },
                { title: '第21周_1' },
                { title: '第21周_2' },
                { title: '第22周_1' },
                { title: '第22周_2' },
                { title: '第23周_1' },
                { title: '第23周_2' },
                { title: '第24周_1' },
                { title: '第24周_2' },
                { title: '第25周_1' },
                { title: '第25周_2' },
                { title: '第26周_1' },
                { title: '第26周_2' },
                { title: '第27周_1' },
                { title: '第27周_2' },
                { title: '第28周_1' },
                { title: '第28周_2' },
                { title: '第29周_1' },
                { title: '第29周_2' },
                { title: '第30周_1' },
                { title: '第30周_2' },
                { title: '第31周_1' },
                { title: '第31周_2' },
                { title: '第32周_1' },
                { title: '第32周_2' },
                { title: '第33周_1' },
                { title: '第33周_2' },
                { title: '第34周_1' },
                { title: '第34周_2' },
                { title: '第35周_1' },
                { title: '第35周_2' },
                { title: '第36周_1' },
                { title: '第36周_2' },
                { title: '第37周_1' },
                { title: '第37周_2' },
                { title: '第38周_1' },
                { title: '第38周_2' },
                { title: '第39周_1' },
                { title: '第39周_2' },
                { title: '第40周_1' },
                { title: '第40周_2' },
                { title: '第41周_1' },
                { title: '第41周_2' },
                { title: '第42周_1' },
                { title: '第42周_2' },
                { title: '第43周_1' },
                { title: '第43周_2' },
                { title: '第44周_1' },
                { title: '第44周_2' },
                { title: '第45周_1' },
                { title: '第45周_2' },
                { title: '第46周_1' },
                { title: '第46周_2' },
                { title: '第47周_1' },
                { title: '第47周_2' },
                { title: '第48周_1' },
                { title: '第48周_2' },
                { title: '第49周_1' },
                { title: '第49周_2' },
                { title: '第50周_1' },
                { title: '第50周_2' },
                { title: '第51周_1' },
                { title: '第51周_2' },
                { title: '第52周_1' },
                { title: '第52周_2' },
                { title: '第53周_1' },
                { title: '第53周_2' },
                { title: '第54周_1' },
                { title: '第54周_2' },
                { title: '第55周_1' },
                { title: '第55周_2' },
                { title: '第56周_1' },
                { title: '第56周_2' },
                { title: '第57周_1' },
                { title: '第57周_2' },
                { title: '第58周_1' },
                { title: '第58周_2' },
                { title: '第59周_1' },
                { title: '第59周_2' },
                { title: '第60周_1' },
                { title: '第60周_2' },
                { title: '第61周_1' },
                { title: '第61周_2' },
                { title: '第62周_1' },
                { title: '第62周_2' },
                { title: '第63周_1' },
                { title: '第63周_2' },
                { title: '第64周_1' },
                { title: '第64周_2' },
                { title: '第65周_1' },
                { title: '第65周_2' },
                { title: '第66周_1' },
                { title: '第66周_2' },
                { title: '第67周_1' },
                { title: '第67周_2' },
                { title: '第68周_1' },
                { title: '第68周_2' },
                { title: '第69周_1' },
                { title: '第69周_2' },
                { title: '第70周_1' },
                { title: '第70周_2' },
                { title: '第71周_1' },
                { title: '第71周_2' },
                { title: '第72周_1' },
                { title: '第72周_2' },
                { title: '第73周_1' },
                { title: '第73周_2' },
                { title: '第74周_1' },
                { title: '第74周_2' },
                { title: '第75周_1' },
                { title: '第75周_2' },
                { title: '第76周_1' },
                { title: '第76周_2' },
                { title: '第77周_1' },
                { title: '第77周_2' },
                { title: '第78周_1' },
                { title: '第78周_2' },
                { title: '第79周_1' },
                { title: '第79周_2' },
                { title: '第80周_1' },
                { title: '第80周_2' },
                { title: '第81周_1' },
                { title: '第81周_2' },
                { title: '第82周_1' },
                { title: '第82周_2' },
                { title: '第83周_1' },
                { title: '第83周_2' },
                { title: '第84周_1' },
                { title: '第84周_2' },
                { title: '第85周_1' },
                { title: '第85周_2' },
                { title: '第86周_1' },
                { title: '第86周_2' },
                { title: '第87周_1' },
                { title: '第87周_2' },
                { title: '第88周_1' },
                { title: '第88周_2' },
                { title: '第89周_1' },
                { title: '第89周_2' },
                { title: '第90周_1' },
                { title: '第90周_2' },
                { title: '第91周_1' },
                { title: '第91周_2' },
                { title: '第92周_1' },
                { title: '第92周_2' },
                { title: '第93周_1' },
                { title: '第93周_2' },
                { title: '第94周_1' },
                { title: '第94周_2' },
                { title: '第95周_1' },
                { title: '第95周_2' },
                { title: '第96周_1' },
                { title: '第96周_2' },
                { title: '第97周_1' },
                { title: '第97周_2' },
                { title: '第98周_1' },
                { title: '第98周_2' },
                { title: '第99周_1' },
                { title: '第99周_2' },
                { title: '第100周_1' },
                { title: '第100周_2' },
                { title: '第101周_1' },
                { title: '第101周_2' },
                { title: '第102周_1' },
                { title: '第102周_2' },
                { title: '第103周_1' },
                { title: '第103周_2' },
                { title: '第104周_1' },
                { title: '第104周_2' },
                { title: '第105周_1' },
                { title: '第105周_2' },
                { title: '第106周_1' },
                { title: '第106周_2' },
                { title: '第107周_1' },
                { title: '第107周_2' },
                { title: '第108周_1' },
                { title: '第108周_2' },
                { title: '第109周_1' },
                { title: '第109周_2' },
                { title: '第110周_1' },
                { title: '第110周_2' },
                { title: '第111周_1' },
                { title: '第111周_2' },
                { title: '第112周_1' },
                { title: '第112周_2' },
                { title: '第113周_1' },
                { title: '第113周_2' },
                { title: '第114周_1' },
                { title: '第114周_2' },
                { title: '第115周_1' },
                { title: '第115周_2' },
                { title: '第116周_1' },
                { title: '第116周_2' },
                { title: '第117周_1' },
                { title: '第117周_2' },
                { title: '第118周_1' },
                { title: '第118周_2' },
                { title: '第119周_1' },
                { title: '第119周_2' },
                { title: '第120周_1' },
                { title: '第120周_2' },
                { title: '第121周_1' },
                { title: '第121周_2' },
                { title: '第122周_1' },
                { title: '第122周_2' },
                { title: '第123周_1' },
                { title: '第123周_2' },
                { title: '第124周_1' },
                { title: '第124周_2' },
                { title: '第125周_1' },
                { title: '第125周_2' },
                { title: '第126周_1' },
                { title: '第126周_2' },
                { title: '第127周_1' },
                { title: '第127周_2' },
                { title: '第128周_1' },
                { title: '第128周_2' },
                { title: '第129周_1' },
                { title: '第129周_2' },
                { title: '第130周_1' },
                { title: '第130周_2' },
                { title: '第131周_1' },
                { title: '第131周_2' },
                { title: '第132周_1' },
                { title: '第132周_2' },
                { title: '第133周_1' },
                { title: '第133周_2' },
                { title: '第134周_1' },
                { title: '第134周_2' },
                { title: '第135周_1' },
                { title: '第135周_2' },
                { title: '第136周_1' },
                { title: '第136周_2' },
                { title: '第137周_1' },
                { title: '第137周_2' },
                { title: '第138周_1' },
                { title: '第138周_2' },
                { title: '第139周_1' },
                { title: '第139周_2' },
                { title: '第140周_1' },
                { title: '第140周_2' },
                { title: '第141周_1' },
                { title: '第141周_2' },
                { title: '第142周_1' },
                { title: '第142周_2' },
                { title: '第143周_1' },
                { title: '第143周_2' },
                { title: '第144周_1' },
                { title: '第144周_2' },
                { title: '第145周_1' },
                { title: '第145周_2' },
                { title: '第146周_1' },
                { title: '第146周_2' },
                { title: '第147周_1' },
                { title: '第147周_2' },
                { title: '第148周_1' },
                { title: '第148周_2' },
                { title: '第149周_1' },
                { title: '第149周_2' },
                { title: '第150周_1' },
                { title: '第150周_2' },
                { title: '第151周_1' },
                { title: '第151周_2' },
                { title: '第152周_1' },
                { title: '第152周_2' },
                { title: '第153周_1' },
                { title: '第153周_2' },
                { title: '第154周_1' },
                { title: '第154周_2' },
                { title: '第155周_1' },
                { title: '第155周_2' },
                { title: '第156周_1' },
                { title: '第156周_2' },
                { title: '第157周_1' },
                { title: '第157周_2' },
                { title: '第158周_1' },
                { title: '第158周_2' },
                { title: '第159周_1' },
                { title: '第159周_2' },
                { title: '第160周_1' },
                { title: '第160周_2' },
                { title: '第161周_1' },
                { title: '第161周_2' },
                { title: '第162周_1' },
                { title: '第162周_2' },
                { title: '第163周_1' },
                { title: '第163周_2' },
                { title: '第164周_1' },
                { title: '第164周_2' },
                { title: '第165周_1' },
                { title: '第165周_2' },
                { title: '第166周_1' },
                { title: '第166周_2' },
                { title: '第167周_1' },
                { title: '第167周_2' },
                { title: '第168周_1' },
                { title: '第168周_2' },
                { title: '第169周_1' },
                { title: '第169周_2' },
                { title: '第170周_1' },
                { title: '第170周_2' },
                { title: '第171周_1' },
                { title: '第171周_2' },
                { title: '第172周_1' },
                { title: '第172周_2' },
                { title: '第173周_1' },
                { title: '第173周_2' },
                { title: '第174周_1' },
                { title: '第174周_2' },
                { title: '第175周_1' },
                { title: '第175周_2' },
                { title: '第176周_1' },
                { title: '第176周_2' },
                { title: '第177周_1' },
                { title: '第177周_2' },
                { title: '第178周_1' },
                { title: '第178周_2' },
                { title: '第179周_1' },
                { title: '第179周_2' },
                { title: '第180周_1' },
                { title: '第180周_2' },
                { title: '第181周_1' },
                { title: '第181周_2' },
                { title: '第182周_1' },
                { title: '第182周_2' },
                { title: '第183周_1' },
                { title: '第183周_2' },
                { title: '第184周_1' },
                { title: '第184周_2' },
                { title: '第185周_1' },
                { title: '第185周_2' },
                { title: '第186周_1' },
                { title: '第186周_2' },
                { title: '第187周_1' },
                { title: '第187周_2' },
                { title: '第188周_1' },
                { title: '第188周_2' },
                { title: '第189周_1' },
                { title: '第189周_2' },
                { title: '第190周_1' },
                { title: '第190周_2' },
                { title: '第191周_1' },
                { title: '第191周_2' },
                { title: '第192周_1' },
                { title: '第192周_2' },
                { title: '第193周_1' },
                { title: '第193周_2' },
                { title: '第194周_1' },
                { title: '第194周_2' },
                { title: '第195周_1' },
                { title: '第195周_2' },
                { title: '第196周_1' },
                { title: '第196周_2' },
                { title: '第197周_1' },
                { title: '第197周_2' },
                { title: '第198周_1' },
                { title: '第198周_2' },
                { title: '第199周_1' },
                { title: '第199周_2' },
                { title: '第200周_1' },
                { title: '第200周_2' },
                { title: '末字1'},
                { title: '末字2'},
                { title: '末字3'},
            ],
            licenseKey: 'non-commercial-and-evaluation', // 底部不要出现license key的文字
            
        });


        // 加载数据
        load.addEventListener('click', () => {
            fetch('http://127.0.0.1:5000/data/getjson').then((response) => {
                response.json().then((data) => {

                    hot.loadData(data);
                    // or, use `updateData()` to replace `data` without resetting states
                    
                    // Get cell renderer using `row` and `column` coordinates.
                    hot.getCellRenderer(1, 1);
                    // Get cell renderer using cell meta object.
                    CellMeta = hot.getCellMeta(1, 1)
                    CellMeta.readOnlyCellClassName = 'custom-cell' // htDimmed
                    console.log(CellMeta)
                    hot.getCellRenderer(CellMeta);
                    exampleConsole.innerText = 'Data loaded';
                });
            });
        });

        // 获取数据
        save.addEventListener('click', () => {
            console.log(hot.getData())
            console.log(hot.getColHeader())
        });
    </script>
</body>
</html>
